<template>
  <div>
    <layout-main>
      <template v-slot:left>
        <echart-main class="echartMain">
          <template v-slot:title> 农民性别、劳动力 </template>
          <template v-slot:echart>
            <echart :options="options1" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 农民性别、学历 </template>
          <template v-slot:echart>
            <echart :options="options2" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 残疾类型 </template>
          <template v-slot:echart>
            <echart :options="options3" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 收入来源 </template>
          <template v-slot:echart>
            <echart :options="options4" />
          </template>
        </echart-main>
      </template>
      <template v-slot:right>
        <echart-main class="echartMain">
          <template v-slot:title> 参加养老、医疗保险情况 </template>
          <template v-slot:echart>
            <echart :options="options5" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 参加技能培训情况 </template>
          <template v-slot:echart>
            <echart :options="options6" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 房屋结构 </template>
          <template v-slot:echart>
            <echart :options="options7" />
          </template>
        </echart-main>
        <echart-main class="echartMain">
          <template v-slot:title> 健康分析 </template>
          <template v-slot:echart>
            <echart :options="options8" />
          </template>
        </echart-main>
      </template>
      <template v-slot:bottom>
        <echart-main>
          <template v-slot:title> 房屋安全等级占比 </template>
          <template v-slot:echart>
            <echart :options="options9" />
          </template>
        </echart-main>
        <echart-main>
          <template v-slot:title> 民族成分统计 </template>
          <template v-slot:echart>
            <echart :options="options10" />
          </template>
        </echart-main>
      </template>
    </layout-main>
  </div>
</template>

<script>
import LayoutMain from "components/content/layoutMain/LayoutMain.vue";
import EchartMain from "components/content/echartMain/EchartMain.vue";
import Echart from 'components/common/echart/Echart.vue';
import {
  echarts1,
  echarts2,
  echarts3,
  echarts4,
  echarts5,
  echarts6,
  echarts7,
  echarts8,
  echarts9,
  echarts10,
} from "./echartjs/echarts-nm";
export default {
  components: { LayoutMain, EchartMain,Echart },
  data() {
    return {
      options1: null,
      options2: null,
      options3: null,
      options4: null,
      options5: null,
      options6: null,
      options7: null,
      options8: null,
      options9: null,
      options10: null,
    };
  },
  created() {
    this.options1 = echarts1([[1,2],[1,2]]);
    this.options2 = echarts2([1,2],[12],[12]);
    this.options3 = echarts3([{name:1,value:1}]);
    this.options4 = echarts4([{name:1,value:1}]);
    this.options5 = echarts5([1,2],[1,2],[1,2]);
    this.options6 = echarts6([1,2],[1,2]);
    this.options7 = echarts7([1,2],[1,2]);
    this.options8 = echarts8([1,2],[1,2]);
    this.options9 = echarts9([{name:1,value:1}]);
    this.options10 = echarts10([{name:1,value:1}]);
  },
  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.echartMain {
  height: 25%;
}
</style>